@charset "utf-8";
/* CSS Document */

* {
    font-family: Source Han Sans CN-Medium, Source Han Sans CN, "Microsoft Yahei", Arial, Tahoma, sans-serif;
    -webkit-text-size-adjust: none;
}

body {
    margin: 0;
    font-size: 14px;
    color: #333333;
    background: #f3f3f3;
}

form,
input,
select,
textarea,
td,
th {
    font-size: 12px;
}
.m {margin:0px auto;width:1200px;clear:both;}
img {
    border: none;
    vertical-align: top;
}

ul li {
    list-style-type: none;
}

ol li {
    list-style-type: decimal;
}

ul,
form {
    margin: 0px;
    padding: 0px;
}

a:link,
a:visited,
a:active {
    color: #333333;
    text-decoration: none;
}

a:hover {
    color: #43a7ae;
}
h3{
    margin: 15px 0;
}
/*basie*/
.f_l {float:left;}
.f_r {float:right;}
.t_l {text-align:left;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_dblue {color:#225588;}
.f_price {font-weight:bold;font-family:Arial;color:#FF0000;}
.px10 {font-size:10px;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.px15 {font-size:15px;}
.px16 {font-size:16px;}
.b4 {height:4px;font-size:1px;}
.b5 {height:5px;font-size:1px;}
.b6 {height:6px;font-size:1px;}
.b8 {height:8px;font-size:1px;}
.b10 {height:10px;font-size:1px;}
.b15 {height:15px;font-size:1px;}
.b20 {height:20px;font-size:1px;}
.pd3 {padding:3px;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.lh18 {line-height:180%;}
.ls1 {letter-spacing:1px;}
.c_p {cursor:pointer;}
.c_b {clear:both;}
.dsn {display:none;}
.absm {vertical-align:middle;}
.flex {
    display: flex;
    justify-content: space-between;
}

.search_i {width:209px;font-size:14px;height:30px;line-height:30px;padding:2px 0 0 0;color:#666666;background:url('spacer.gif');border:none;}
.search_i:focus{outline:none;}
.search_m {width:96px;cursor:default;padding:0px 5px 0px 5px;font-size:12px;height:28px;line-height:28px;color:#666666;background:url('spacer.gif');border:none;}
.search_s {width:70px;height:30px;background:url('spacer.gif');border:none;padding:0;margin:0;cursor:pointer;}

.heads{
    position: relative;
}
#search_module {z-index:1000;position:absolute;width:95px;overflow:hidden;top:34px; left:675px; font-size:12px;line-height:20px;color:#666666;background:#FFFFFF;border:#CCCCCC 1px solid;border-top:none;}
#search_module a {display:block;height:30px;line-height:30px;padding:1px 5px 1px 5px;color:#333333;}
#search_module a:hover {background:#d5f2bb;font-weight:bold;}

#search_tips {z-index:1000;position:absolute;width:340px;overflow:hidden;cursor:pointer;margin:50px 0 0 200px;font-size:13px;line-height:20px;color:#666666;background:#FFFFFF;border:#444444 1px solid;}
#search_tips div {height:20px;padding:1px 8px 1px 8px;clear:both;overflow:hidden;}
#search_tips div span {float:right;font-size:12px;}
#search_tips label {display:block;width:100%;background:#FAFAFA;font-size:12px;color:#0000CC;text-align:right;}
.search_t_div_1 {color:#333333;}
.search_t_div_1 span {color:#008000;}
.search_t_div_2 {background:#3366CC;color:#FFFFFF;}
.search_t_div_2 span {color:#FFFFFF;}

/* nav */
.nav {padding: 0;z-index:99;}
#navs{font-size: 16px;width: 100%;height: 43px;line-height: 43px;marign:0px;padding:0px;clear:both;font-weight:normal;}
#navs ul li a:hover,#navs ul li.dq a{background-color:#2d2d2d;}
#navs ul li.dq a{color:#ffffff;}
#navs ul li a{color:#ffffff;display:block;}
#nav{height:43px;line-height:43px;list-style-type: none;}
#nav li{width:133px;float:left;}
#nav li ul li{border:0px;}
#nav a {
 display: block; width:133px; text-align:center;color:#ffffff;height:43px;line-height:43px;
}
#nav a:link  {
 color:#fff; text-decoration:none;
}
#nav a:visited  {
 color:#fff;text-decoration:none;
}
#nav a:hover  {
 color:#fff;text-decoration:none;font-weight:normal;
}
#nav li a:hover{
}
#nav li ul li{
 float: left; width: 133px;
 background: #43a7ae; border-bottom:1px dotted #cccccc;font-size:14px;font-weight:normal;text-align:center;
}
#nav li ul {
 line-height: 27px;  list-style-type: none;text-align:center;
 left: -999em; width: 133px; position: absolute; z-index:9999;
}
#nav li ul a{
 display: block; width: 133px;text-align:center;
}
#nav li ul a:link  {
 color:#fff; text-decoration:none;
}
#nav li ul a:visited  {
text-decoration:none;
}
#nav li ul a:hover,#nav li.dq ul li a:hover  {
 color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#2d2d2d;
}
#nav li.dq ul li a {
 background:#43a7ae;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#mrc {
 clear: left;
}.zhaiping {
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
#menu {
    width: 1200px;
    marign: 0px auto;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ellipsis-more{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;    
    line-clamp: 2;
    -webkit-line-clamp: 2; 
}
.ellipsis-3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;    
    line-clamp: 3;
    -webkit-line-clamp: 3; 
}

.m12 {
    margin: 0px auto;
    width: 1200px;
}

.headers {
    background: #444444;
    height: 40px;
    line-height: 40px;
}

.heads,
.headx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fanhui a {
    color: #fff;
}

.headerx {
    background: #fff;
    height: 100px;
    position: relative;
}

.syfdj a {
    color: #fff;
    background: url(../images/fdj.png) no-repeat left center;
    padding-left: 25px;
}

.logo {
    /* width: 249px; */
    padding-top: 12px;
}

.ssk {
    margin-top: 16px;
}

.nav {
   
}

.nav ul li {
    float: left;
}

.nav ul li a {
    color: #333;
    padding: 0px 16px;
    height: 100px;
    line-height: 100px;
    display: block;    
    font-size: 16px;
}

/* .nav ul li:hover a{ background:#43a7ae;  color:#fff; padding:0px 32px;height:100px; line-height:100px;} */
.nav ul li.active > a {
    background: #43a7ae;
    color: #fff;
}

.fwlyer {
    padding: 48px 0px 42px;
}

.fwly_t {
    text-align: center;
    overflow: hidden;
}

.fwly_t h6 {
    color: #b1b1b1;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    margin: 0px;
    font-weight: normal;
    letter-spacing: 2px;
}

.fwly_t h2 {
    font-size: 26px;
    line-height: 1;
    padding: 0px 44px;
    font-weight: bold;
    letter-spacing: 2px;
}

.fwly_b ul li {
    width: 18%;
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 2px 3px #f1f1f1;
    -webkit-box-shadow: 0px 0px 2px 3px #f1f1f1;
}

.fwly_b ul {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.ckxqan {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    border-radius: 30px;
    width: 95px;
    margin: 25px auto 35px auto;
}

.fwly_b ul li p {
    padding: 25px 0px 0px 0px;
}

.fwly_b ul li h4 {
    margin-top: 0px;
}

.ckxqan:hover {
    background: #43a7ae;
}

.ckxqan:hover a {
    color: #fff !important;
}

.hydt {
    display: flex;
    justify-content: space-between;
    padding: 25px 0px;
}

.hydt_r ul li {
    padding-top: 32px;
}

.hydt_l {
    width: 69%;
    margin-top: 10px;
}

.hydt_r {
    width: 29%;
}

.hydt_t h2 {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 8px;
}

.hydt_t h6 {
    color: #b1b1b1;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0px;
    font-weight: normal;
}

.hydt_tr {
    line-height: 70px;
}

.hydt_tr a:hover {
    color: #43a7ae !important;
}

.hydt_tr a {
    margin: 0px 10px;
    font-size: 16px;
}

.hydt_m h3 {
    color: #43a7ae;
    font-size: 18px;
    margin-bottom: 5px;
}

.hydt_m p {
    color: #767676;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 8px;
}

.hydt_m {
    margin: 15px 0px 0px 0px;
}

.hydt_b ul li {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px 0px 0px;
}

.hydt_b_l {
    width: 12%;
    border: 1px solid #43a7ae;
    padding: 5px 10px;
    text-align: center;
    margin-right: 2%;
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    font-size: 16px;
    color: #43a7ae;
}

.jianju {
    letter-spacing: -1px;
}

.hydt_b_z {
    width: 78%;
    font-size: 16px;
    margin: 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hydt_b_z h6 {
    width: 100%;
    font-size: 16px;
    margin: 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    text-overflow: ellipsis;
}

.hydt_b_z p a {
    font-size: 14px;
    color: #43a7ae;
    margin: 0 5px;
}

.hydt_b_z p {
    background: url(../images/biaoqian.png) no-repeat left center;
    padding-left: 20px;
    margin-top: 4px;
    margin-bottom: 0;
}

.hydt_b_r {
    width: 10%;
    line-height: 60px;
    color: #999;
    font-size: 14px;
}

.hypxer {
    width: 100%;
    margin-top: 30px;
    background: #f2f8ff;
}

.hypx {
    padding: 55px 0px;
}


.more {
    color: #43a7ae;
    padding: 5px 10px;
    border: 1px solid #43a7ae;
    width: 80px;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
}

.more a {
    color: #43a7ae;
}

.more:hover {
    background: #43a7ae;
    color: #fff;
}

.more:hover a {
    color: #fff;
}

.mt10 {
    margin: 10px auto;
}


.theme {
    padding: 45px 0px;
}

.card-fouth {
    margin-top: 40px;
}

.stu-acv ul li {
    float: left;
    width: 48%;
    margin-right: 1%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.date {
    border: 1px solid #43a7ae;
    height: 63px;
    width: 11%;
}

.date b {
    background: #43a7ae;
    font-size: 24px;
    display: block;
    padding: 5px 0px;
    text-align: center;
    color: #fff;
    margin-bottom: 8px;
}

.date span {
    padding: 0px 2px;
    text-align: center;
    display: block;
}

.bfdt_wz {
    width: 86%;
}

.bfdt_wz h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 5px 0px;
    font-size: 16px;
}

.bfdt_wz p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.bfdt_wz p a {
    color: #999;
}

.zyjder {
    background: #f6f6f6;
    padding: 40px 0px;
}

#header1 h6 {
    color: #b1b1b1;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px;
    font-weight: normal;
}

#header1 h2 {
    font-size: 26px;
    font-weight: normal;
}

.zyjd_list ul li h5 {
    font-size: 16px;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zyjd_list ul li {
    border: 2px solid #e2e2e2;
    padding: 15px;
}

.zyjd_list ul li h6 {
    font-size: 14px;
    color: #777;
    font-weight: normal;
    margin: 7px 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zyjd_list ul li h6 a {
    font-size: 12px;
}

.zyjd_list ul li p {
    background: url(../images/biaoqian.png) left center no-repeat;
    padding-left: 20px;
}

.zyjd_list ul li p a {
    margin: 0 10px;
    color: #43a7ae;
}

.zyjdtu {
    width: 22%;
}

.zyjd_list {
    width: 77%;
}

.zyjd_list ul li {
    width: 44%;
    float: left;
    margin-right: 2%;
    margin-bottom: 18px;
}

.zyjd_list ul li:hover {
    border-left: 2px solid #43a7ae;
}

.link {
    margin: 40px auto;
}

.link p {
    font-size: 14px;
    color: #8e8e8e;
    margin-top: 15px;
}

.link_t {
    text-align: center;
    width: 100%;
}

.link_t h6 {
    color: #b1b1b1;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px;
    font-weight: normal;
}

.link_t h2 {
    font-size: 26px;
    background: url(../images/xian.png) no-repeat center;
    padding: 0px 44px;
    color: #333;
    font-weight: normal;
    margin-top: 10px !important;
}

.link_b ul {}

.link_b {
    margin: 30px 0px;
}

.link_b ul li {
    width: 12%;
    margin: 10px;
    float: left;
}

.link_b ul li img {
    border: 1px solid #ccc;
}

.yqljer {
    background: #3e3e3e;
}

.yqlj {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.yqlj_l {
    width: 7%;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.yqlj_r {
    width: 93%;
    line-height: 30px;
}

.yqlj_r a {
    color: #fff;
    margin: 10px 5px;
}

.yqlj_r a:hover {
    color: #43a7ae;
}

.footer {
    background: #343434;
}

.foot {
    display: flex;
    justify-content: space-between;
    padding: 30px 0px;
}

.foot_title {
    color: #818181;
    font-size: 18px;
    border-left: 1px solid #43a7ae;
    padding-left: 15px;
    margin-bottom: 20px;
}
.foot_title span{
    font-size: 14px;
    line-height: 1;
    padding-top: 8px;
}
.foot_l_b ul li {
    float: left;
    color: #979797;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 15px;
}

.foot_l_b ul li a {
    color: #979797;
}
.foot_l_b ul li a:hover{
    color: #fff;
}

.foot_l {
    margin-right: 24px;
    width: 240px;
}

.foot_m {
    width: 18%;
}

.foot_r {
    width: 720px;
}

.foot_lxwm p {
    line-height: 37px;
    color: #979797;
}

.foot_l_b {
    padding-top: 10px;
}

.footx {
    color: #979797;
    text-align: center;
    padding: 15px 0px;
    border-top: 1px solid #494949;
}


/* 全站搜索 */
.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
}
.align{
    align-items: center;
}

.syfdj {
    display: flex;
    align-items: center;
    height: 40px;
}

.syfdj>a+div.flex {
    width: 0;
    height: 26px;
    overflow: hidden;
    transition: width .5s;
}

.syfdj>a+div.flex input{
    padding: 0;
    height: 100%;
    color: #fff;
    border: 0;
    outline: none;
    background-color: transparent;
}
.syfdj>a+div.flex input.search_i{
    width: 100%;
}
.syfdj>a+div.flex .newaddsearch input{
    color: #ddd;
    cursor: pointer;
}

.search-box {
    display: inline-flex;
    align-items: center;
    margin: 0 8px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

/* 二三级导航 */
.headx-nav {
    position: absolute;
    top: 100px;
    left: 0;
    /*padding-bottom: 60px;*/
    width: 100%;
    background-color: #fff;
    box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    z-index: -1;
    transition: opacity .3s;
}

.headx-nav>ul {
    width: 84%;
    padding: 0 8%;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e9e9e9;
}

.headx-nav>ul li a {
    position: relative;
    display: block;
    height: 70px;
    line-height: 70px;
}

.headx-nav>ul li.active a {
    color: #43a7ae;
}

.headx-nav>ul li a::after {
    content: '';
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #43a7ae;
    opacity: 0;
}

.headx-nav>ul li.active a::after {
    content: '';
    opacity: 1;
    transition: opacity .2s;
}

.headx-nav-level3 {
    width: 84%;
    padding: 0 8%;

}

.headx-nav-level3 h2 {
    margin: 0;
    letter-spacing: 2px;
}

.headx-nav-level3 h2 a {
    display: inline-block;
    margin-top: 8px;
    font-size: 16px;
    line-height: 60px;
    color: #43a7ae;
    font-weight: normal;
}

.headx-nav-level3 h3 {
    margin-bottom: 8px 0 16px;
    font-size: 16px;
    line-height: 1;
    color: #43a7ae;
}

.level3-content {
    padding: 0 18px;
    box-sizing: border-box;
}

.level3-content+.level3-content {
    border-left: 1px solid #dedede;
}

.level3-content li {
    line-height: 30px;
}

.level3-content li a {
    display: inline-block;
    line-height: 20px;
    padding: 5px 0;
}

.fwly_b ul li p {
    transition: transform 0.8s;
}

.fwly_b ul li:hover p {
    transform: rotateY(360deg);
}

/* 首页 */
.headers a {
    color: #fff;
}

.fanhui a {
    display: block;
}

.fanhui a+a {
    margin-left: 16px;
}

a.mob-version {
    position: relative;
    padding-left: 16px;
}

a.mob-version img {
    position: absolute;
    top: 12px;
    left: 0;
}

.heads-right .language {
    position: relative;
    margin-left: 20px;
    padding: 0 12px;
    background-color: #616161;
    /* overflow: hidden; */
}

.heads-right .language a {
    display: block;
}

.heads-right .language a font {
    margin-right: 8px;
}

.heads-right .language a span {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    transition: transform 0.3s;
}

.heads-right .language:hover a span {
    transform: rotate(180deg);
}

.heads-right .language ul {
    position: absolute;
    left: 0;
    top: 40px;
    display: none;
    width: 100%;
    text-align: center;
    background-color: #616161;
    z-index: 9999;
}

.heads-right .language ul a {
    line-height: 36px;
}

.heads-right .language ul a:hover {
    background-color: #444;
}

.banner {
    width: 100%;
    z-index: 0;
}

.banner img {
    width: 100%;  z-index: 0;
}

.fwly_t h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 0 52px;
}

.fwly_t h2 span {
    display: inline-block;
    margin: 0 8px;
    width: 44px;
    height: 1px;
    background-color: #e0e0e0;
}

    .new-train,
    .new-meeting{
        position: relative;
        overflow: hidden;
        padding: 0 32px;
        box-sizing: border-box;
    }
  .new-train ul,
  .new-meeting ul{
      position: relative;
      margin-left: 0;
      overflow: hidden;
  }
  .new-train ul li,
  .new-meeting ul li{
      position: absolute;
      padding: 8px 12px;
      /* transition: all .3s; */
      /* box-sizing: border-box; */
      background: url(../images/lanxian.jpg) no-repeat center 8px;
        background-color: rgba(0, 0, 0, 0);
        background-clip: border-box;
        background-color: #fff;
        background-clip: content-box;
  }

  .new-train ul li a,
  .new-meeting ul li a{
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      /* aspect-ratio: 254/263; */
      color: #333;
      font-size: 18px;
      /* background-color: #fff; */
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  }
  .new-train ul li a:hover,
  .new-meeting ul li a:hover{
      color: #43a7ae;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
  }
  .new-train ul li a img,
  .new-meeting ul li a img{
      width: 27.72%;
      max-width: 56px;
      height: auto;
      margin-bottom: 20px;
      transition: transform .5s;
  }
  .new-train ul li a:hover img,
  .new-meeting ul li a:hover img{
    transform: rotateY(360deg);
  }
  .new-train ul li a > .more,
  .new-meeting ul li a > .more{
    margin-top: 24px;
    padding: 8px;
    width: auto;
    font-size: 14px;
    line-height: 1;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
  }
  .new-train ul li a > .more:hover,
  .new-meeting ul li a > .more:hover{
    color: #fff;
    border: 1px solid #43a7ae;
  }
  .new-train-left,
  .new-train-right,
  .new-meeting-left,
  .new-meeting-right{
      position: absolute;
      left: 0;
      bottom: 95px;
      width: 32px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      color: #fff;
      background-color: #43a7ae;
      opacity: 0;
      z-index: 9;
      cursor: pointer;
  }
  .new-train-right,
  .new-meeting-right{
      left: auto;
      right: 0;
  }
  .skill-training .cooperation-title{
      margin-bottom: 32px ;
  }

  .meeting{
    margin: 40px auto;
  }
  .new-meeting{
    background-color: #fff;
  }

  .advertisement{
    margin-bottom: 44px;
  }
  .advertisement a{
    display: block;
  }
  .foodSafety-trends{
    width: calc(100% - 457px);
    padding: 0 16px;
    background-color: #fff;
  }
  .foodSafety-trends,
  .foodSafety-trends-title{
    box-sizing: border-box;
  }
  .foodSafety-trends-title{
    margin: 40px 0 24px;
    width: 100%;
    min-height: 80px;
    padding-left: 100px;
    align-items: flex-end;
    background: url(../images/foodSafety-trends.png) no-repeat left;
  }
  .foodSafety-trends-title h2,
  .foodSafety-trends-title h3{
    margin: 0;
  }
  .foodSafety-trends-title h2{
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
  }
  .foodSafety-trends-title h3{
    margin-left: 72px;
    color: #9c9c9c;
    font: 500 24px/34px Times New Roman;
    text-transform: uppercase;
    border-bottom: 1px solid #013cb2;
  }
  a.foodSafety-trends-title-r{
    padding: 4px;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    background-color: #484848;
    cursor: pointer;
  }
  .foodSafety-trends-news{
    width: calc(100% - 186px);
  }
  .foodSafety-trends-news h2{
    margin: 0;
    color: #333;
  }
  .foodSafety-trends-news h2 a{
    font-size: 16px;
    line-height: 1;
  }
  .foodSafety-trends-news h3{
    margin: 12px 0 4px;
    font-size: 14px;
    font-weight: normal;
    color: #a1a1a1;
  }
  .foodSafety-trends-news article{
    font-size: 16px;
    line-height: 1.8;
    color: #666;    
    line-clamp: 3;
    -webkit-line-clamp: 2; 
  }
  .foodSafety-trends > ul > li{
    padding: 16px 0;    
  }
  .foodSafety-trends > ul > li + li{
    border-top: 1px dashed #ccc;    
  }
  .foodSafety-trends > ul > li >  a,
  .foodSafety-trends > ul > li >  a img{
    width: 170px;
    height: 118px;
  }
  .foodSafety-trends > ul > li >  a{
    margin-top: 8px;
  }
  .foodSafety-trends > ul > li >  a img{
    object-fit: fill;
  }
  .foodSafety-trends-news ul.label{
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    height: 24px;
    overflow: hidden;
  }
  .foodSafety-trends-news ul.label li{
    padding-right: 8px;
    font-size: 16px;
    line-height: 1.5;
  }
  .foodSafety-trends-news ul.label li a{
    color: #bd423e;
  }
  .foodSafety-trends-news ul.label li:last-child{
    padding-right: 0;
  }  
  .foodSafety-trends-news ul.label li:first-child{
    position: relative;
    padding-left: 24px;
  } 
  .foodSafety-trends-news ul.label li:first-child::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 4px;
    background: url(../images/24gl-tags3.png) no-repeat center;
  }

  .foodSafety-trends-right{
    width: 425px;
  }
  .interpretation{
    padding: 0 16px 16px;
    background-color: #fff;
  }
  .interpretation-t{
    display: flex;
  }
  .interpretation-t h2,
  .interpretation-t h3{
    margin: 16px 0;
    font-size: 20px;
    line-height: 1;
    color: #666;
    font-weight: normal;
  }
  .interpretation-t h3{
    margin-left: 24px;
    font: 500 20px/1 arial;
    color: #43a7ae;
    text-transform: uppercase;
  }
  .interpretation ul li{
    position: relative;
    padding-left: 12px;
  }
  .interpretation ul li::before{
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #333;
  }
  .interpretation ul li a{
    display: block;
    line-height: 36px;
    color: #666;
  }
  .interpretation ul li a:hover{
    color: #43a7ae;
  }
  .interpretation-img{
    display: block;
    margin-top: 20px;
  }
  .interpretation-img + .interpretation-img{
    margin-top: 40px;
  }
  .bottom-DB{
    margin: 28px auto 56px;
    flex-wrap: wrap;
  }
  .bottom-DB-left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 368px;
    height: 225px;
  }
  .bottom-DB-middle{
    width: 274px;
    height: 225px;
  }
  .bottom-DB-right{
    width: 526px;
    height: 225px;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
  }
  .bottom-DB-middle{
    display: flex;
    flex-wrap: wrap;
  }
  .bottom-DB-left a,
  .bottom-DB-middle a,
  .bottom-DB-right a,
  .bottom-DB-top a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: #fff;
  }
  .bottom-DB-left a,
  .bottom-DB-right a{
    height: 105px;
  }  
  .bottom-DB-middle a{
    flex-direction: column;
  }
  .bottom-DB-left a:first-child{
    background-color: #3b6ea9;
  }
  .bottom-DB-left a:last-child{
    background-color: #40b88b;
  }
  .bottom-DB-middle a{    
      background-color: #2cacd8;
  }
  .bottom-DB-right a{
    width: calc((100% - 16px)/2);
    background-color: #8276b9;
    line-height: 1.2;
  }
  .bottom-DB-right a:first-child{
    width: 100%;
    background-color: #388cd9;
    flex-direction: row;
  }
  .bottom-DB-right a:last-child{
    background-color: #43a7ae;
  }
  .bottom-DB-left a img,
  .bottom-DB-right img{
    margin-right: 12px;
  }
  .bottom-DB-middle a img{
    margin-bottom: 12px;
  }
  .foodSafety-trends-right > a:hover,
  .bottom-DB a:hover,
  .bottom > div > a:hover,
  .subnav > a:hover,
  .curriculum-box button:hover{
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  }
  .bottom{
    width: 100%;
    height: 340px;
    background: url(../images/bottom-bg.jpg) no-repeat center;
    /* background-size: 100%; */
  }
  .bottom > div{
    position: relative;
    height: 340px;
    align-items: center;
  }
  .trial{
    margin-left: 50px;
    align-items: center;
    background-color: #fff;
  }
  .trial-title{
    padding: 8px 16px;
    width: 24px;
    font-size: 24px;
    line-height: 1;
    color: #fff; 
    background-color: #43a7ae;   
  }
  .trial-text{
    width: 370px;
    font-size: 16px;
    line-height: 1.8;
    color: #7a7a7a;
    text-align: center;
  }
  .trial img{
    margin-left: 16px;
  }
  .contact{
    position: absolute;
    top: -14px;
    right: 0;
    right: 20px;
    width: 460px;
    height: 340px;
    padding-top: 14px;
    background-color: #fff;
  }
  .contact::before{
    content: '';
    position: absolute;
    left: -28px;
    top: 0;
    width: 0;
    height: 0;
    border-right: 14px solid #c4c4c4;
    border-left: 14px solid transparent;
    border-top: 14px solid transparent;
  }
  .contact::after{
    content: '';
    position: absolute;
    right: -28px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 14px solid #c4c4c4;
    border-right: 14px solid transparent;
    border-top: 14px solid transparent;
  }
  .contact-title{
    display: flex;
    align-items: center;
    margin: 16px 0 8px 16px;
    font-size: 22px;
  }
  .contact-title img{
    margin-right: 12px;
  }
  .contact-content{
    margin-left: 20px;
  }
  .contact-content ul li{
    font-size: 16px;
    line-height: 36px;
  }
  .contact-content ul li:last-child{
    display: flex;
    align-items: center;
    margin-top: 12px;    
  }
  .contact-content ul li:last-child img{
    width: 110px;
    height: 110px;
    object-fit: fill;
  }
  .contact-content ul li:last-child img + img{
    margin: 0 24px;
  }
  .contact-QRcode{
    color: #7a7a7a;
    line-height: 1.8;
    text-align: center;
  }
  footer{
    padding: 24px 0;
    background-color: #191919;
  }
  .foot-logo{
    width: 300px;
    padding:8px 16px 8px 0;
    border-right: 1px solid #767676;
  }
  .information{
    padding: 0 70px;
    width: calc(100% - 300px);
  }
  .information ul{
    /* justify-content: center; */
  }
  .information a{
    color: #767676;
  }
  .beiAn{
    width: 100%;
    line-height: 3;
    text-align: center;
  }
  .beiAn span{
    color: #767676;
  }

  /* 内容页 */
  main.m12{
    /*position: relative;
    margin-top: -40px;
    padding: 20px 0 40px 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #fff;*/
  }
  .sidebar{
    width: 270px;
    box-sizing: border-box;
  }
  .subnav ul{
    background-color: #f1f5f7;
    border: 1px solid #e7e7e7;
  }
  .subnav h2{
    margin: 0;
    padding: 8px 0 8px 24px;
    font-size: 20px;
    line-height: 1.8;
    color: #fff;
    font-weight: normal;
    background-color: #43a7ae;
  }
  .subnav h2 span{
    display: block;
    text-transform: uppercase;
  }
  .subnav ul li a{
    display: block;
    padding-left: 40px;
    font-size: 16px;
    color: #43a7ae;
    line-height: 50px;
  }
  .subnav ul li + li a {
    border-top: 1px dashed #ccc;
  }
  .subnav > a{
    display: block;
    margin: 24px 0;
  }
  .subnav > a img{
    width: 100%;
    height: 100%;
  }
  .main-content{
    width: calc(100% - 270px);
  }
  ul.breadcrumb{
    display: flex;
    align-items: center;
    width: 100%;
    height: 84px;
    padding: 0 28px;
    font-size: 16px;
    box-sizing: border-box;
    background-color: #f3f3f3;
  }
  ul.breadcrumb li,
  ul.breadcrumb li a{
    color: #43a7ae;
  }
  ul.breadcrumb a::after{
    content: '>>';
    padding: 0 4px;
  }
  .main-column{
    margin: 8px 0;
    padding: 0 60px 0 36px;
    overflow: hidden;
  }
  .main-column h3{
    position: relative;
    padding-left: 20px;
    margin: 20px 0;
    font-size: 20px;
    line-height: 1;
    color: #43a7ae;
  }
  .main-column h3::before{
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/title-icon.png) no-repeat;
  }
  .main-column ul{
    flex-wrap: wrap;
  }
  .main-column ul li{
    width: calc((100% - 40px) / 2);
    padding: 0 12px;
    box-sizing: border-box;
    background-color: #f6f6f6;
  }
  .main-column ul li:nth-child(n+3){
    margin-top: 16px;
  }
  .main-column ul li a{
    height: 44px;
    font-size: 16px;
    align-items: center;
  }
  .tuij ul li a{
    display: block;
    font-size: 14px;
  }
  .tuij{ padding-top:20px;}
.tuijbt{ background:url(../images/tuij.jpg) no-repeat top center; height:43px; line-height:43px; font-size:16px; color:#444; padding-left:30px;}
.tuij ul li{ line-height:40px;height:40px;overflow:hidden; border-bottom:1px dashed #ccc;}
  .msg{
    padding: 24px;
    margin: 32px 32px 0;
    width: calc(100% - 64px);
    height: auto;
    font-size: 16px;
    line-height: 2;
    color: #fff;
    text-indent: 2em;
    box-sizing: border-box;
    background: url(../images/solution-banner.png) no-repeat;
  }
  .msg h3{
    margin-top: 0;
    font-size: 22px;
    line-height: 1;
    font-weight: normal;
    text-indent: 0;
  }
  .curriculum{
    position: relative;
    margin: 32px 32px 0;
  }
  .curriculum-box{
    padding: 20px;
    width: calc((100% - 28px) / 2);
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #377ee4;
  }
  .curriculum-box{
    position: absolute;
    left: 0;
    top: 0;
  }
  .curriculum-box:nth-child(2n){
    left: auto;
    right: 0;
  }
  .curriculum-box:nth-child(n + 3){
    margin-top: 20px;
  }
  .curriculum-box h3{
    font-size: 18px;
    color: #3d89e7;
    line-height: 1.5;
    font-weight: 500;
    margin: 0;
  }
  .curriculum-box ul{
    padding-left: 18px;
  }
  .curriculum-box ul li{
    padding: 8px 0;
    list-style-type: decimal;
  }
  .curriculum-box time{
    display: block;
    padding: 16px 0 8px;
  }
  .curriculum-box > a{
    display: block;
    margin-top: 10px;
    float: right;
  }
  .curriculum-box > a button{
    padding: 10px;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    background-color: #377ee4;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
  }
  .solution-news{
      margin: 32px 32px 0;
      border: 1px solid #e6e6e6;
  }
  .solution-news-t{
    width: 100%;
    height: 40px;
    padding-left: 24px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 500;
    color: #3d89e7;
    box-sizing: border-box;
    background-color: #f2f2f2;
  }
  .solution-news > ul{
    margin: 16px 20px;
  }
  .solution-news > ul li{
    font-size: 16px;
    line-height: 40px;
  }
  .solution-news > ul li + li{
    border-top: 1px dashed #ccc;
  }
  .solution-news > ul li a{
    display: block;
    width: 74%;
  }

/*固定的悬浮窗*/
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 20%;
    right: -150px;
    cursor: pointer;
    transition: all .3s ease;
}

.yb_bar ul li,
.yb_conct_one li{
    width: 200px;
    height: 53px;
    font: 15px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}

.yb_bar li{
    background: #353535 url(../images/sidebar.png) no-repeat;
}
.yb_bar .yb_sy
.yb_bar .yb_top {
}
.yb_phone a{ color:#fff;}
.yb_phone a:hover,.yb_QQ a:hover,.yb_sy a:hover{ color:#fff; text-decoration:none;}
.yb_bar .yb_phone {
    background-position-y: -59px;
}

.yb_bar .yb_QQ {
    text-indent: 0;
    background-position-y: -116px;
}

.yb_bar .yb_ercode {
    background-position-y: -234px;
}
.yb_bar .yb_sy{  background-position-y: -176px;}
.hd_qr {
    padding: 0 29px 25px 29px;
}
.yb_sy a{ color:#fff;}
.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}
.yb_conct_one{
    background: #353535;
    height: 58px;
    width: 58px;
    left: 0;
}
.yb_conct_one li {
    height: 58px;
    width: 58px;
    color: white;
    font-size: 16px;
    line-height: 22px;
    text-indent: 0;
    padding: 7px 12px 0 10px;
}
.nygsjs{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/gy_gs.jpg) no-repeat top center; height:301px;}
.nyxmjs{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/gy_xm.jpg) no-repeat top center; height:301px;}
.nylxwm{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/gy_lx.jpg) no-repeat top center; height:301px;}
.sapp{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/sapp.jpg) no-repeat top center; height:301px;}
/*联系我们*/
.nylxwm{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/gy_lx.jpg) no-repeat top center; height:301px;}
.nyshenq{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/sqsyny.jpg) no-repeat top center; height:301px;}
.content_px section.nyk {
    width: 754px !important; border:none;
}
.dqwz{ /*width:850px;*/ background:#f3f3f3; padding:35px 30px; font-size:16px; color:#43a7ae;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.dqwz a{color:#43a7ae;}
.dqwz-my{background:#f3f3f3; padding:35px 30px; font-size:16px; color:#43a7ae;}
.dqwz-my a{color:#43a7ae;}

.hxdqwz{ width:95%; background:#f3f3f3; padding:20px 30px; font-size:16px; color:#43a7ae;}
.hxdqwz a{color:#43a7ae;}
.nylx{ width:100%; margin:0 auto;}
.nylxl h1{ font-size:22px; color:#43a7ae; padding-top:30px; font-weight:normal; padding-bottom:10px;}
.nylxl p{ line-height:30px;}
.nylxl h2{ font-size:22px; color:#43a7ae; padding-top:40px; font-weight:normal; padding-bottom:10px;}
.sqbj{background:url(../images/sybj.jpg) no-repeat top right;}

/*在线留言*/
.nyliuyan{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/zxly.jpg) no-repeat top center; height:301px;}
.nykl{ width:270px;}
.lmudh{ width:270px;padding-bottom:20px; background:#f1f5f7; border:1px solid #e7e7e7;}
.lmudh ul li{ line-height:50px; border-bottom:1px dashed #ccc;background:#f1f5f7;padding-left:40px;}
.lmudh ul li a{ color:#43a7ae; font-size:16px;}
.lmudhbt{ background:#43a7ae; color:#fff; font-size:20px; padding:10px 0px 10px 25px; line-height:35px;}
.lmudh1{ width:270px;padding-bottom:20px; background:#f1f5f7; border:1px solid #e7e7e7;}
.lmudh1>ul>li{ line-height:50px; border-bottom:1px dashed #ccc;background:#f1f5f7;padding-left:25px;}
.lmudh1>ul>li a{ color:#43a7ae; font-size:16px;}
.lmudh1>ul>li>ul{ line-height:30px; border-bottom:none; padding-left:10px;}
.lmudh1>ul>li>ul>ul{ line-height:30px; border-bottom:none; padding-left:20px;}
.nykr{ width:889px;}
/*解决方案*/
.jjfabanner{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/jjfa.jpg) no-repeat top center; height:301px;}

/*团队介绍*/
.nytdjs{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/tdjs.jpg) no-repeat top center; height:301px;}
/*搜索*/
.ssbaner{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/banner.jpg) no-repeat top center; height:301px;}

/*产品与服务*/
.lbtb{ padding-top:20px;}
.lbtb ul li{ padding:10px 0px;}
.nycpfw{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/nycpfw.jpg) no-repeat top center; height:301px;}
.nycpsolu{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/nycpsolu.jpg) no-repeat top center; height:301px;}
.fwcpbt{height:60px;line-height:60px; font-weight:bold;width:90%;margin:0px auto;background: url(http://www.foodu14.com/skin/default/image/flbj.jpg) no-repeat center center;margin-top:25px;}
.fwcpbt span{font-size: 25px;color: #000000;background-color: #ffffff;width:30%;margin:0px auto;display:block;text-align:center;}
.content-bg{ padding-left:20px;}
#ShowImages li {
    background-color: #fff;
    width: 220px;
    height:170px;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 15px 30px 20px 30px;
    box-shadow: 0 0 4px #bababa;
}

#ShowImages1 li {
    background-color: #fff;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 10px 30px;
    box-shadow: 0 0 4px #bababa;
    text-align: center;
}
#ShowImages li:hover .text{
    background-color: #43a7ae;
    color: #fff;
}
#ShowImages li:hover .text a{
    color: #fff;
}
#ShowImages li:hover .a-more{
    background-position-y:-68px ;
    color:fff;
}
#ShowImages .pros h4 {

    font-size: 14px;
    font-weight: bold;
}
#ShowImages .pros a{
    display: block;color:#ffffff;
}
.pros .text{background-color:#43a7ae;}
#ShowImages .pros a:hover{
display:block;
color:#fff;
}

#ShowImages .pros a:hover{
display:block;
color:#fff;
}
#ShowImages .pros img {
    width: 220px;
height:140px;
}
.pros a:hover{ color:#fff;}
.cptitle{ height:30px; line-height:30px; text-align:center;font-weight:bold;font-size:15px;}

.tjpxhy1{background-color:#ffffff;border:1px solid #cccccc;height:300px;width:1200px;margin:0px auto;overflow:hidde;}
.tjpxhy{background-color:#ffffff;border:1px solid #cccccc;height:300px;width:1160px;padding:20px;margin:0px auto;overflow:hidde;}
.tjpxhy_l{width:460px;float:left;}
.tjpxhy_r{width:700px;float:right;}
.tjpxhy_r h1{font-size:20px;margin:10px 10px 5px 0px;color:#43a7ae;padding:5px 0px 10px 10px;border-bottom:2px solid #43a7ae;}
.tjpxhy_r ul{padding:0px 15px;}
.tjpxhy_r ul li{height:36px;overflow:hidden;line-height:36px;background:url(../images/dot2.gif) no-repeat left center; text-indent:20px;}

#ShowImages .pros img {
    width: 220px;
height:140px;
}
#ShowImages2 li {
    background-color: #fff;
    width: 280px;
    height:410px;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 15px 55px;
    box-shadow: 0 0 4px #bababa;
}

#ShowImages2 li:hover .text{
    background-color: #43a7ae;
    color: #fff;
}
#ShowImages2 li:hover .text a{
    color: #fff;
}
#ShowImages2 li:hover .a-more{
    background-position-y:-68px ;
    color:fff;
}
#ShowImages2 .pros h4 {

    font-size: 14px;
    font-weight: bold;
}
#ShowImages2 .pros a{
    display: block;
}
#ShowImages2 .pros a:hover{
display:block;
color:#fff;
}
#ShowImages2 .pros img {
 width: 280px;
height:380px;
}
#ShowImages3 li {
    background-color: #fff;
       width: 187px;
    height: 150px;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 15px 15px;
    box-shadow: 0 0 4px #bababa;
}

#ShowImages3 li:hover .text{
    background-color: #43a7ae;
    color: #fff;
}
#ShowImages3 li:hover .text a{
    color: #fff;
}
#ShowImages3 li:hover .a-more{
    background-position-y:-68px ;
    color:fff;
}
#ShowImages3 .pros h4 {

    font-size: 14px;
    font-weight: bold;
}
#ShowImages3 .pros .cptitle a{
    display: block;
}
#ShowImages3 .pros a:hover{

}
#ShowImages3 .pros img {
    width: 100%;
    height: 120px;
}
.pros a:hover{ color:#fff;}
.cptitle{ height:30px; line-height:30px; text-align:center;font-weight:bold;font-size:15px;}
.cptitle a{ color:#fff;}

.pxhybj{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/banner_pxhy.jpg) no-repeat top center; height:301px;}
/*标法舆情*/
.nybfyq{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/nybfyq.jpg) no-repeat top center; height:301px;}
.nyk{ background:#fff; width:1160px; border:1px solid #ccc; padding:20px; margin:-40px auto 0px auto;}
.nykl{ width:270px;}
.dateTitle{font-weight:bold;padding-top:10px; }
.newsList span.dateTitle{
    font-size: 16px;
}
.f_ll{width:250px;float:left;}
.f_ll img{width:250px;height:143px;margin-top:10px;}
.f_rr{float:right;width:540px;}
.f_rr1{float:right;width:530px; margin-left:10px;}
.f_rr div{clear:both;}
.jjtitle a{line-height: 40px;   font-size: 22px;    font-weight: normal;}
.fl_sj{ margin-top:10px;}
.fl_start{ margin-top:15px; padding-left: 10px;}
.f_rr div.fl_sj,.f_rr div.fl_dd,.f_rr div.fl_zb{ display:block;color:#888; line-height:24px; padding-left: 10px;}   
.f_rr .dateTitle a{color:#43a7ae;font-size:18px; font-weight:bold;line-height: 30px;}
.newsList > li > span{overflow: hidden;
display: -webkit-box !important;line-height: 26px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 15px;    margin-top: 10px;}
.newsList span.c_b{margin-top:10px;}
.page-news{ width:850px; padding-left:30px; padding-top:30px;}
ul.newsList li {border: 1px dotted #ccc;margin-bottom:10px;background:url(../images/icon.gif) no-repeat left top;padding:10px 15px;
}
.fenye{clear:both;overflow:hidden;margin-top: 40px;}
.fenye a,.fenye span{width:30px; float: left;height:30px; text-align:center; margin-right:20px; display:block; font-size:16px; line-height:30px; font-family:宋体;}
.fenye a{color:#717171; background:#ddd;}
.fenye span{color:white; background:#43a7ae;}
.fenye a:hover{color:white; background:#43a7ae;}


/*合作伙伴*/
.hzhb{ background:#fff; margin-top:20px; width:1200px; margin:0 auto; padding:15px 0px;overflow:hidden;}
.pxhy{  margin-top:20px; width:1200px; margin:0 auto; padding:15px 0px;overflow:hidden;}
.hzhbs{ padding:5px 30px 15px 30px;}
.anli_center {
    clear:both;
    width: 1090px;
    height: 72px;
    padding: 9px 20px;
    overflow: hidden;margin:20px 0px 5px 0px;
}

.anli_center img {
    float: left;
    padding: 5px 9px;
    width: 105px;
    height: 60px;border:1px solid #cccccc;margin-right:10px;
}
.title3{ font-size:30px; color:#010101;}
.title4{ font-size:24px; color:#9c9c9c; font-family: "Iskoola Pota"; padding-top:10px;}
.title5{ font-size:14px; color:#43a7ae; text-align:right; line-height:25px;}
.title6{ text-align:right;}
.hzhbx{ padding-bottom:20px; padding-top:10px;}
.title { line-height:30px;padding:30px 0px 20px 0px;font-size:26px;text-align:center;font-family:\9ED1\4F53;font-weight:normal;}
.title_trade {height:25px;font-size:18px;text-align:center;font-family:\9ED1\4F53;font-weight:normal;margin:0 0 8px 0;border-bottom:#F1F1F1 1px solid;padding:0 0 10px 0;}
.info {margin:0 15px 20px 15px;padding:10px;border-top:#D0D0D0 1px solid;border-bottom:#D0D0D0 1px solid;}
.introduce {margin:20px 15px 10px 15px;padding:8px 12px 8px 12px;line-height:180%;font-size:14px;background:#F1F1F1;}
.content {font-size:14px;line-height:180%;padding:10px 20px 10px 20px;}
.content p {text-indent:2em;}
.content_px{font-size:14px;line-height:180%;padding:10px 20px 10px 20px;width:700px;margin:0px auto;}
.content_px p{margin:20px 0px;text-align:left;text-indent:2em;}
.content a:link,.content a:visited,.content a:active {color:#225588;text-decoration:underline;}
.content a:hover {color:#FF6600;text-decoration:none;}
.property {border:#E6E6E6 1px solid;background:#F6F6F6;padding:10px;margin:0 10px 0 10px;}
.property li {float:left;width:30%;height:22px;line-height:22px;overflow:hidden;}
.detail {background:url('arrow.gif') no-repeat 0 9px;border-bottom:#C0C0C0 1px dotted;padding:8px 0 8px 20px;margin:0 15px 0 15px;}
.hybox{text-align:left;}
.hybox h1{font-size:16px;color:#43a7ae;}
.hybox p{text-indent:0em;margin:5px 0px 15px 0px;}
.content_px .hybox .pd10{padding:0px!important;}
.related {padding:5px 15px 5px 15px;line-height:22px;}
.keylink {font-weight:normal;padding:0 3px 0 3px;}
#comment_main div {height:100px;background:url('loading.gif') no-repeat center center;}
/*专业解读*/
.nyzyjd{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/zyjd.jpg) no-repeat top center; height:301px;}


.nydzqk{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/peros.jpg) no-repeat top center; height:301px;}


/*导航*/
.info-nav > ul > li{
    position: relative;
}
.info-nav > ul > li > ul li{
    float: none;
    border-bottom: 1px dotted #ddd;
}
.info-nav > ul > li > ul li a{
    white-space: normal;
    text-align: center;
}
.info-nav > ul > li:hover,
.info-nav > ul > li:hover > a,
.info-nav > ul > li > ul li a:hover{
    background: #43a7ae;
    color: #fff;
}
.info-nav > ul > li > ul{
    position: absolute;
    display: none;
    width: 130px;
    text-align: center;
    left: 50%;
    margin-left: -65px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
    z-index: 9;
}
.info-nav > ul > li:hover > ul{
    display: block;
}
.info-nav ul li ul li a{
    height: auto;
    font-size: 14px;
    line-height: 1.3;
    padding: 12px 8px;;
}
.newaddsearch{
    position: relative;
}
.newaddsearch::after{
    position: absolute;
    content: '|';
    top: 0;
    bottom: 0;
    right: 4px;
    line-height: 26px;
    color: #ddd;
}

/* 2023.02.27 */
  h1.h1-title{
    margin: 20px 0 32px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
  }
  .textandlist + .textandlist{
    margin-top: 28px;
  }
  .textandlist > button{
    width: 100%;
    height: 44px;
    padding: 0 12px;
    font-size: 16px;
    color: #43a7ae;
    align-items: center;
    box-sizing: border-box;
    background-color: #f6f6f6;
    outline: none;
    border: 0;
    cursor: pointer;
  }
  .textandlist > button img{
    transform: rotate(90deg);
  }
  .textandlist article{
    overflow: hidden;
  }
  .textandlist article p{
    text-indent: 2em;
    font-size: 16px;
    line-height: 1.5;
  }
  .textandlist article + ul{
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #ccc;
  }
  .textandlist article + ul li{
    position: relative;
    width: 47%;
    padding-left: 12px;
    align-items: center;
  }
  .textandlist article + ul li::after{
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #ccc;
  }
  .textandlist article + ul li a{
    display: block;
    width: 80%;
    font-size: 14px;
    line-height: 2;
  }
  .is-img{
    width: 100%;
    text-align: center;
  }
  .is-img img{
    max-width: 100%;
  }

  .title33 {
    font-size: 30px;
    color: #666;
    padding-bottom: 10px;
}
.title2 span, .title33 span {
    padding-left: 20px;
    color: #43a7ae;
    font-size: 22px;
    font-family: "Iskoola Pota";
}
.title33 {
    font-size: 30px;
    color: #666;
    padding-bottom: 10px;
}
.title2 span, .title33 span {
    padding-left: 20px;
    color: #43a7ae;
    font-size: 22px;
    font-family: "Iskoola Pota";
}
.dd_tj {
    background-color: #43a7ae;
    line-height: 35px;
    height: 35px;
    color: #ffffff;
    padding: 0px 10px;
}
.dd_tj span {
    font-size: 12px;
}
.partner{
    margin-bottom: 50px;
}

  .fsearch {
    margin: 24px 0px;
    background: #f3f3f3;
    padding: 20px;

}
.fsearch table{
    margin: 0 auto;
}
.fsearch table tr{
    height: 36px;
}
.fsearch table tr,
.fsearch table tr td{
    vertical-align: middle;
}
.catlist_li{
    padding: 4px 0;
}
.catlist_li a{
    display: block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}
span.highlight {
    color: red;
}
.footr span{ display:block; width:50px; height:40px; line-height:45px; background:#43a7ae; text-align:center;}
.footr{ width:100px;}
.box_head{background: #43a7ae;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;}
    .left_box{background: #fff;
    margin-top: 20px;
    padding: 20px;}
.np ul li{ margin-bottom:10px;}
.np{ margin-top:10px;}


/* 2023.8.1 */
.bg-color-fff,
.bg-color-transparent{
    padding: 56px 0;
    width: 100%;
    background-color: #fff;
}
.bg-color-transparent{
    background-color: transparent;
}
.quality-info,
.interpret{
    width: 47.92%;
}
.quality-info h2,
.interpret h2,
.course-topic h2,
.premium-courses h2{
    font-size: 32px;
    line-height: 1;
    color: #333;
    font-weight: bold;
}
.quality-info h2 span,
.interpret h2 span,
.course-topic h2 span,
.premium-courses h2 span{
    display: block;
    padding-top: 10px;
    font-size: 13px;
    line-height: 1;
    color: #aeaeae;
    font-weight: normal;
    text-transform: uppercase;
}
.quality-info-t,
.interpret-t,
.course-topic-t,
.premium-courses-t{
    align-items: flex-end;
}
.quality-info-t > a,
.interpret-t > a,
.course-topic-t > a,
.premium-courses-t > a{
    font-size: 18px;
    line-height: 34px;
    color: #43a7ae;
    text-transform: uppercase;
}
.quality-info-c,
.interpret-c{
    width: 100%;
}
.quality-info-date{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    color: #aaa;
}
.quality-info-date span{
    display: block;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: -1px;
}
.quality-info-news,
.interpret-news{
    margin-left: 24px;
    padding-left: 12px;
    width: calc(100% - 90px);
    border-left: 2px solid #e8e8e8;
}
.interpret-news{
    flex-direction: column;
}
.interpret-news{
    margin: 0;
    padding: 0;
    width: calc(100% - 248px);
    border: 0;
}
.quality-info-news a h3,
.interpret-news a h3{
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
    color: #444;
}
.quality-info-news a h4,
.interpret-news a h4{
    margin: 0;
    height: 49px;
    font-size: 14px;
    line-height: 1.75;
    font-weight: normal;
    color: #888;
}
.interpret-news a h4{
    height: 74px;
}
.quality-info-c{
    padding: 20px 0 21px;
    border-bottom: 1px dashed #efefef;
}
.interpret-c{
    padding-top: 20px;
}
.quality-info-c:hover .quality-info-date,
.quality-info-c:hover .quality-info-news a h3,
.quality-info-c:hover .quality-info-news a h4,
.interpret-c .interpret-news a:hover h3,
.interpret-c .interpret-news a:hover h4{
    color: #43a7ae;
}
.interpret-img{
    width: 232px;
    height: 140px;
}
.interpret-img a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #eee;
}
.interpret-img a img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-fit: cover;
}
.interpret-news a.a-more{
    font-size: 14px;
    line-height: 24px;
    color: #43a7ae;
    align-self: flex-end;
}
.course-topic{
    width: 59.17%;
}
.course-topic-c{
    margin-top: 22px;
}
.course-topic-c .layui-carousel ul.layui-carousel-ul{
    flex-wrap: wrap;
}
.course-topic-c .layui-carousel ul.layui-carousel-ul li{
    position: relative;
    width: 48.02%;
    height: 0;
    padding-bottom: 27.47%;
    margin: 14px 0;
}
.course-topic-c .layui-carousel ul.layui-carousel-ul li a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.course-topic-c .layui-carousel ul.layui-carousel-ul li a img{
    width: 100%;
    height: 100%;
    object-fit:scale-down;
}
.premium-courses{
    width: 38%;
}
.premium-courses-c{
    margin-top: 24px;
}
.premium-courses-c ul li a{
    font-size: 16px;
    line-height: 50px;
    color: #444;
    border-bottom: 1px dashed #dfdfdf;
}
.premium-courses-c ul li a:hover{    
    color: #43a7ae;
}
.premium-courses-c ul li a span{
    display: block;
    max-width: calc(100% - 140px);
}
.solution{
    width: 100%;
}
.solution .quality-info-t > a{
    align-self: center;
}
.solution .quality-info-c{
    padding-top: 36px;
    border: 0;
}
ul.solution-ul{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 464px);
    border-top: 1px solid #dfdfdf;
}
ul.solution-ul li{
    width: calc(50% - 1px);
    height: 257px;
    border: 1px solid #dfdfdf;
    border-left: 0;
    border-top: 0;
}
ul.solution-ul li a{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
ul.solution-ul li a h3{
    margin: 24px 0;
    font-size: 18px;
    line-height: 1;
    color: #666;
}
ul.solution-ul li a h4{
    margin: 0;
    font-size: 14px;
    line-height: 1;
    color: #999;
}
ul.solution-ul li a:hover{
    background-color: #43a7ae;
}
ul.solution-ul li a:hover h3,
ul.solution-ul li a:hover h4{
    color: #fff;
}
ul.solution-ul li a:hover img{
    filter: brightness(100);
}
.meeting-first-info{
    padding: 36px;
    width: calc(100% - 544px);
    background-color: #fff;
    box-sizing: border-box;
}
.meeting-first-info .meeting-first-t{
    width: 89px;
    height: 42px;
    line-height: 32px;
    font-size: 18px;
    color: #f4f7fd;
    text-align: center;
    background: url(../images/meeting-first-icon.png) no-repeat 0 0;
}
.meeting-first-c{
    margin: 16px 0 24px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    max-height: 120px;
    overflow: auto;
    text-indent: 2em;
}
.meeting-first-date{
    color: #bbb;
}
.meeting-first-date span{
    color: #666;
}
.meeting-first-more a{
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #43a7ae;
    border: 1px solid #43a7ae;
}
.meeting-first-img{
    width: 544px;
    height: 311px;
}
.meeting-first-img img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.partner .fwly_t h2{
    margin-bottom: 20px;
}
.partner .fwly_t h3{
    color: #8e8e8e;
}
.bottom-DB-top{
    margin-bottom: 15px;
    width: 100%;
}
.bottom-DB-top a{
    width: 400px;
    height: 105px;
    background-color: #43a7ae;
}
.bottom-DB-top a:first-child{
    width: 368px;
    background-color: #8276b9;
}
.bottom-DB-top a:last-child{
    background-color: #3b6ea9;
}
.serve-article{
    margin: 0 0 48px;
    position: relative;
    width: calc((100% - 72px)/4);
    height: 0;
    padding-bottom: calc((100% - 72px)/4.67);
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
.serve-article img{width:60px;}
.serve-article:hover,
.serve-article.serve-article-color{
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
}
#serve-article .serve-article:last-child:nth-of-type(4n+2){
    margin-right: calc(50% + 12px);
}
#serve-article .serve-article:last-child:nth-of-type(4n+3){
    margin-right: calc(((100% - 72px)/4) + 24px);
}
#serve-article .serve-article:last-of-type:nth-of-type(4n+2){
    margin-right: calc(50% + 12px);
}
#serve-article .serve-article:last-of-type:nth-of-type(4n+3){
    margin-right: calc(((100% - 72px)/4) + 24px);
}
.serve-article > a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: column;
}
.serve-article.serve-article-color > a::after{
    content: '';
    position: absolute;
    right: calc(50% - 10px);
    bottom: -40px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;  
    border-right: 10px solid transparent;  
    border-bottom: 20px solid #43a7ae; 
}
.serve-article .serve-line{
    width: 44px;
    height: 2px;
    background-color: #43a7ae;
}
.serve-article .serve-article-c{
    margin-bottom: 36px;
    flex-direction: column;
}
.serve-article .serve-article-c h3{
    font-size: 18px;
    color: #111;
}
.serve-article .serve-article-c h4{
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1;
    color: #333;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
}
.serve-article-last-box{
    margin: -8px 0 48px;
    padding: 36px 24px;
    width: 1200px;
    flex-wrap: wrap;
    box-sizing: border-box;
    background-color: #43a7ae;
    justify-content: flex-start;
}
.serve-article-last-box li{
    margin: 12px 27px;
    min-width: 138px;
    height: 48px;
    background-color: #f6f6f6;
}
.serve-article-last-box li a{
    display: block;
    padding: 0 8px;
    height: 100%;
    font-size: 16px;
    color: #666;
    line-height: 48px;
    text-align: center;
}
.serve-article-last-box li a:hover,
.serve-article:hover .serve-article-c h3,
.serve-article:hover .serve-article-c h4
.serve-article.serve-article-color .serve-article-last-box li a,
.serve-article.serve-article-color .serve-article-c h3,
.serve-article.serve-article-color .serve-article-c h4{
    color: #43a7ae;
}
.content td {
    border-width: 1px;
}
/* banner */
    .flexslider {
        margin: 0px auto;
        position: relative;
        width: 100%;
        height: 307px;
        overflow: hidden;
        zoom: 1;}

    .flexslider .slides li {
        width: 100%;
        height: 100%;
    }

    .flex-direction-nav a {
        width: 60px;
        height: 60px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(../images/ad_ctr.png) no-repeat;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
    }

    .flex-direction-nav .flex-next {
        background-position: 0 -70px;
        right: 0;
    }

    .flex-direction-nav .flex-prev {
        left: 0;
    }

    .flexslider:hover .flex-next {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }

    .flexslider:hover .flex-prev {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }

    .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }

    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
    }

    .flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;*display: inline;
        float: none;
    }

    .flex-control-paging li a {
        background: url(../images/dot.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
    }

    .flex-control-paging li a.flex-active,.flex-control-paging li.active a {
        background-position: 0 0;
    }

    .flexslider .slides a img {
        width: 100%;
        height: 307px;
        display: block;
    }
@media (max-width:1200px) {  body{width:1200px;}}